---
slug: /plugins/basic-elements
title: Basic Elements
---

### `createBasicElementPlugins`

Returns a list of the following plugins:
- `createBlockquotePlugin()` for the `blockquote` element
- `createCodeBlockPlugin()` for the `code_block` element
- `createHeadingPlugin()` for the `h1`, `h2`,... elements
- `createParagraphPlugin()` for the `p` element

```ts live
() => {
  const ToolbarButtonsBasicElements = () => {
    const editor = useStoreEditorRef(useEventEditorId('focus'));

    return (
      <>
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H1)}
          icon={<LooksOne />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H2)}
          icon={<LooksTwo />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H3)}
          icon={<Looks3 />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H4)}
          icon={<Looks4 />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H5)}
          icon={<Looks5 />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_H6)}
          icon={<Looks6 />}
        />
        <ToolbarElement
          type={getPlatePluginType(editor, ELEMENT_BLOCKQUOTE)}
          icon={<FormatQuote />}
        />
        <ToolbarCodeBlock
          type={getPlatePluginType(editor, ELEMENT_CODE_BLOCK)}
          icon={<CodeBlock />}
        />
      </>
    );
  };

  const plugins = [
    ...pluginsCore,
    ...createBasicElementPlugins(),
    createResetNodePlugin(optionsResetBlockTypePlugin),
    createSoftBreakPlugin(optionsSoftBreakPlugin),
    createExitBreakPlugin(optionsExitBreakPlugin),
  ];

  return (
    <>
      <HeadingToolbar>
        <ToolbarButtonsBasicElements />
      </HeadingToolbar>
      <Plate
        id="basic-elements"
        plugins={plugins}
        components={components}
        options={options}
        editableProps={editableProps}
        initialValue={initialValueBasicElements}
      />
    </>
  );
}
```